<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
    <script src="../js/jquery.js"></script>
    <script src="../js/cart.js"></script>
    <link rel="stylesheet" href="../dist/css/car.css">
  
</head>

<body>
    <header>
        <div class="head">
            <span class="head-left">
                您好，欢迎来到
                <em>中酒网</em>
                <a href="./index.html">去首页</a>
            </span>
            <ul class="denglu">
                <li>
                    <a href="./login.html">去登陆</a>
                </li>
                <li>|</li>

                <li>
                    <a href="./regsiter.html">免费注册</a>
                </li>
            </ul>
            <ul class="head-right">
                <li class="dropdown">
                    <button class="dropbtn">我的中酒网</button>
                    <div class="dropdown-content">
                        <a href="">已买到的商品</a>
                        <a href="">我关注的商品</a>
                        <a href="">我关注的店铺</a>
                    </div>
                </li>
                <li class="dropdown">
                    <button class="dropbtn">购物车0件</button>
                </li>
                <li class="dropdown">
                    <button class="dropbtn">微信端</button>
                    <div class="dropdown-content">
                        <img src="../img/index/mob.jpg">
                    </div>
                </li>
                <li class="dropdown">
                    <button class="dropbtn">APP</button>
                    <div class="dropdown-content">
                        <img style="width: 90px;height: 90px;" src="../img/index/qrCode.png">
                    </div>
                </li>
                <li class="dropdown">
                    <button class="dropbtn">卖家中心</button>
                </li>
                <li class="dropdown">
                    <button class="dropbtn">顾客服务</button>
                    <div class="dropdown-content">
                        <a href="">商户</a>
                        <a href="">平台准则</a>
                    </div>
                </li>
                <li class="dropdown">
                    <button class="dropbtn" style="width: 200px;">订购热线：400-798-9999</button>

                </li>
                <!-- <li class="li2">
                    <a href="">购物车0</a>
                </li>
                <li class="li2">
                    <a href="">购物车0</a>
                </li>
                <li class="li2">
                    <a href="">购物车0</a>
                </li>
                <li class="li2">
                    <a href="">购物车0</a>
                </li>
                <li class="li2">
                    <a href="">购物车0</a>
                </li>
                <li class="li2">
                    <a href="">购物车0</a>
                </li> -->

            </ul>

        </div>
    </header>
    <div class="top">
        <div class="top-main">
            <div class="left-log">
                <img src="../img/index/logo.png" alt="" />
                <img src="../img/index/gif.gif" alt="" />
            </div>
            <div class="sousuo">
                <div class="shangpin">
                    商品
                </div>
                <input type="text" class="shuru">
                <input type="text" value="搜索" class="sousuo1">
            </div>
            <div class="xifeng">
                <a href="" class="active">西凤</a>
                <a href="">青稞酒</a>
                <a href="">洋河</a>
                <a href="">习酒</a>
                <a href="">小糊涂仙</a>
                <a href="">酒鬼酒</a>
                <a href="">张裕</a>
                <a href="">拉菲</a>
                <a href="">董酒</a>
                <a href="">华夏长城</a>
            </div>
            <div class="right-log">
                <img src="../img/index/满减.jpg" alt="" />
            </div>
        </div>
    </div>
    <nav>
        <div class="nav-content">
            <div class="nav-fenlei">
                <a href="./list.html">全部商品分类</a>

            </div>
            <div class="nav-shouye">
                <ul>
                    <li>
                        <a href="./index.html">首页</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 购物车 -->
    <div class="box">
        <!-- 购物车主要核心区域 -->
        <div class="cart-warp">
            <!-- 头部全选模块 -->
            <div class="cart-thead">
                <div class="t-checkbox">
                    <input type="checkbox" name="" id="" class="checkall"> 全选
                </div>
                <div class="t-goods">商品</div>
                <div class="t-price">单价</div>
                <div class="t-num">数量</div>
                <div class="t-sum">小计</div>
                <div class="t-action">操作</div>
            </div>
            <!-- 商品详细模块 -->
            <div class="cart-item-list">
                <!-- <div class="cart1">
                    <div class="p-checkbox">
                        <input type="checkbox" name="" id="" checked="" class="j-checkbox">
                    </div>
                    <div class="p-goods">
                        <div class="p-img">
                            <img src="../img/details/2_50.jpg" alt="" class="zp">
                        </div>
                        <div class="p-msg sp">【5本26.8元】</div>
                    </div>
                    <div class="p-price">￥12.60</div>
                    <div class="p-num">
                        <div class="quantity-form">
                            <a href="" class="decrement">-</a>
                            <input type="text" class="itxt" value="1">
                            <a href="" class="increment">+</a>
                        </div>
                    </div>
                    <div class="p-sum">￥12.60</div>
                   <button>删除</button> -->
                </div>
                <!-- <div class="cart1">
                    <div class="p-checkbox">
                        <input type="checkbox" name="" id="" checked="" class="j-checkbox">
                    </div>
                    <div class="p-goods">
                        <div class="p-img">
                            <img src="../img/details/2_50.jpg" alt="" class="zp">
                        </div>
                        <div class="p-msg">【5本26.8元】</div>
                    </div>
                    <div class="p-price">￥12.60</div>
                    <div class="p-num">
                        <div class="quantity-form">
                            <a href="" class="decrement">-</a>
                            <input type="text" class="itxt" value="1">
                            <a href="" class="increment">+</a>
                        </div>
                    </div>
                    <div class="p-sum">￥12.60</div>
                    <div class="p-action"><a href="" class="shanchu">删除</a></div>
                </div> -->


            </div>

            <!-- 结算模块 -->
            <!-- <div class="cart-floatbar">
                    <div class="select-all">
                        <input type="checkbox" name="" id="" class="checkall">全选
                    </div>
                    <div class="operation">
                        <a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
                        <a href="javascript:;" class="clear-all">清理购物车</a>
                    </div>
                    <div class="toolbar-right">
                        <div class="amount-sum">已经选<em>3</em>件商品</div>
                        <div class="price-sum">总价： <em>￥67.20</em></div>
                        <div class="btn-area">去结算</div>
                    </div>
                </div> -->
        </div>
    </div>


    <!-- 购物车 -->

</body>

</html>